<template>
  <div class="app-container">
      医院设置添加
      <el-form label-width="120px">
         <el-form-item label="医院名称">
            <el-input v-model="hospitalSet.hosname"/>
         </el-form-item>
         <el-form-item label="医院编号">
            <el-input v-model="hospitalSet.hoscode"/>
         </el-form-item>
         <el-form-item label="api基础路径">
            <el-input v-model="hospitalSet.apiUrl"/>
         </el-form-item>
         <el-form-item label="联系人姓名">
            <el-input v-model="hospitalSet.contactsName"/>
         </el-form-item>
         <el-form-item label="联系人手机">
            <el-input v-model="hospitalSet.contactsPhone"/>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="saveOrUpdate">保存</el-button>
         </el-form-item>
      </el-form>
   </div>

</template>

<script>
import hospset from '@/api/hospset'
export default {
    data(){
        return{
            hospitalSet:{}
        }
    },
    created(){
      //获取路由id值
      //调用接口获取医院设置信息
      if(this.$route.params && this.$route.params.id){
         const id = this.$route.params.id
         this.getHospSet(id)
      }
    },
    methods:{
      //添加
      save(){
         hospset.saveHospSet(this.hospitalSet)
         .then(resp=>{
               this.$message({
                  type:'success',
                  message:'添加成功！'
               })
               //跳转列表页面，使用路由跳转方式实现
               this.$router.push({path:'/hospSet/list'})
         })
      },
      //修改
      update(){
         hospset.updateHospSet(this.hospitalSet)
         .then(resp=>{
               this.$message({
                  type:'success',
                  message:'修改成功！'
               })
               //跳转列表页面，使用路由跳转方式实现
               this.$router.push({path:'/hospSet/list'})
         })
      },
      saveOrUpdate(){
         //判断修改还是添加
         if(!this.hospitalSet.id){
            this.save()
         }else{
            this.update()
         }
      },

      //根据id查询
      getHospSet(id) {
         hospset.getHospSet(id) 
            .then(response => {
               this.hospitalSet = response.data
            })
      },

    }
}
</script>

<style>

</style>